<template>
  <div id="">
    <div class="page">
      <h1 class="c-title tc">404</h1>
      <p class="c-note tc">没有该页面或者你没有该页面权限</p>
      <div class="ml20">
        <div class="mt20">
          <el-button type="primary" size="mini" @click="rHome"
            >前往首页</el-button
          >
        </div>
        <div>
          <el-button type="text" @click="rBack">或者 返回上一页</el-button>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "",
  data: () => ({}),
  methods: {
    rHome() {
      this.$router.push({ name: "dashboard" });
    },
    rBack() {
      this.$router.go(-1);
    }
  }
};
</script>
<style lang="scss" scoped>
.page {
  color: #646464;
  width: 230px;
  margin: 200px auto 0 auto;
  .c-title {
    font-size: 40px;
    font-synthesis: style;
    font-weight: 600;
    line-height: 1.4;
  }
  .c-note {
    ont-size: 18px;
    margin-top: 10px;
  }
}
</style>
